<template>
  <view class="layout">
    <wd-navbar
      title="日常体锻看板"
      placeholder
      :style="{ marginTop: `${navHeight}px` }"
    />
    <view class="content" />
  </view>
</template>

<script lang="ts" setup>
import { useConfigStore } from "@/store/config";

const navHeight = ref(0);
const configStore = useConfigStore();
navHeight.value = configStore.systemBarHeight;

function gotoSportAnalyze() {
  uni.navigateTo({
    url: "/pages-sub/sportAnalyze/index",
  });
}
</script>

<style lang="scss" scoped>
.layout {
  width: 100vw;
  height: 100vh;
  background: #fafafa;
}
.container {
  position: relative;
  height: 275px;
  width: 100%;
}
.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-image {
  position: absolute;
  width: calc(100% - 20px);
  height: 60px;
  margin: 0 10px;
  z-index: 100;
}
</style>
